import { useRouter } from "next/router";
import Modal from "react-modal";
import Post from "../components/Post";
import Grid from "../components/Grid";

Modal.setAppElement("#__next");

const Index = () => {
  const router = useRouter();

  return (
    <>
      <Modal
        isOpen={!!router.query.postId}
        onRequestClose={() => router.push("/")}
        contentLabel="Post modal"
      >
        <Post id={router.query.postId} pathname={router.pathname} />
      </Modal>
      <Grid />
    </>
  );
};

export default Index;
